var json = (function(){
    //数据绑定ajax
    var jsonData = null;
    var imgs = document.getElementsByTagName('img');
    var inner = document.getElementsByClassName('inner')[0];
    var oul = document.getElementById('oliList');
    //获取json.txt中的数据，把他从json字符串变为对象
    function getJson(){
        var xth = new XMLHttpRequest();
        xth.open('get','./json/json.txt?_=' + Math.random(),false);
        xth.onreadystatechange = function(){
            if(xth.readyState === 4 && /^2\d{2}$/.test(xth.status)){
                jsonData = JSON.parse(xth.responseText);
            }
        };
        xth.send(null);
        console.log(jsonData);
        return jsonData;
    }

    //设置src,li个数
    function setJson(){
        var k = 0;
        inner.style.width = jsonData.length * 1000 + 'px';
       for(var i = 0; i < jsonData.length;i++){
           if(k==jsonData.length-1){
               k = 0;
           }
           imgs[i].src = jsonData[k++].src;
           
       }
       var count = jsonData.length/2;
       
       for(var i = 0; i < count; i++){
           var oli = document.createElement('li');
           if(i==0){
               oli.className = 'active';
           }
            oul.appendChild(oli);
       }

    }
    
    return {
        getJson:getJson,
        setJson:setJson,
        jsonData:getJson()
    }

})();